<template>
  <view class="template">
    <image
      class="demo"
      src="../../static/images/template/demo.png"
      mode="widthFix"
    >
    </image>
    <view class="btn-next">下一步</view>
    <view class="warnning">
      <text class="left"></text>
      <text class="txt">
        可信电子签-借条服务所提供的模版根据《中华人民共和国民法典》《最高人民法院关于审理民间借款案件适用法律若干问题的规定》等法律法规及司法解释.</text
      >
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
@function rpx($num) {
  @return $num + rpx;
}

.template {
  font-size: rpx(30);
  background-color: #fff;
}
.demo {
  width: 100%;
}
.btn-next {
  width: rpx(428);
  height: rpx(84);
  line-height: rpx(84);
  text-align: center;
  border-radius: rpx(20);
  margin: rpx(40) auto;
  background: #2a82e4;
  color: #fff;
}

.warnning {
  color: #9c9c9c;
  padding: 0 rpx(30);
  padding-bottom: rpx(60);
  .left {
    width: rpx(30);
    height: rpx(30);
    background: url('../../static/images/selects/warnning.png') no-repeat;
    background-size: contain;
    margin-right: rpx(20);
    display: inline-block;
  }
}
</style>
